<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
  
  <%= csrf_meta_tags %>
  <%= favicon_link_tag 'favicon.ico' %>
  <title>
    <% if current_merchant && current_merchant.merchant_info && current_merchant.merchant_info.respond_to?(:name) %>
      <%= current_merchant.merchant_info.name %>
  <% else %>
      云链智能路由
  <% end %>
  </title>
  <%= stylesheet_link_tag    'wifi', media: 'all' %>
  <%= javascript_include_tag 'wifi' %>

  <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
  <!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script>
  <![endif]-->
  
</head>
<body class="portal_wraped">

  <%= gflash %>

	<%= yield %>
  
  <div class="side-btns" id="float_section" style="opacity: 1;">
    <a href="javascript:void(0);" id="gotop" class="totop"></a>
            <a href="<%= wifi_merchant_path(mid: params[:mid], vtoken: params[:vtoken]) %>" class="tohome" id="tohome">
            <i style="display:none;"></i>
        </a>
  </div>

<style type="text/css">
 
</style>

  <script type="text/javascript">

    var showFloat = false;
    $('#float_section').css('opacity', 0);
    $('#float_section').show();
    $('#gotop').on('click', function(){
      window.scrollTo(0, 0);
    });
    $(function(){
      $(window).on('scroll', function(){
        if($(window).scrollTop() > 300){
          if(showFloat) return;
          showFloat = true;
          $('#float_section').animate({
            opacity: 1
          }, 500, 'easeOutBack');
        }
        if($(window).scrollTop() <= 300){
          if(!showFloat) return;
          showFloat = false;
          $('#float_section').animate({
            opacity:0
          }, 500, 'easeOutBack');
        }
      });
    });

  </script>


  <script>
    <%= extend_gritter :time => 2000 %>
    $(window).load(function() {
       $('.flexslider').flexslider({
           animation: "slide",
           start: function(slider) {
               $('body').removeClass('loading');
           }
       });
     });

    //    bxslider

    $('.bxslider').show();
    $('.bxslider').bxSlider({
        minSlides: 3,
        maxSlides: 2,
        slideWidth: 276,
        slideMargin: 20
    });

  </script>
  <footer class="footer reset_footer">
    <div class="container" >
      <div class="row mbot30">
        <div class="col-lg-5 col-xs-12 col-centered">
          <div class="row span5 col-centered">
            杭州云链网络技术有限公司
            <span class="pull-right">电话：0571-85360738<span>
          </div>
        </div>
      </div>
    </div>
  </footer>
</body>
</html>
